<template>
  <div class="app-footer-warp">
      <div class="app-footer">
         &copy;{{currentYear}} 基于Vue的简单博客页面，由<a class="app-footer-link" href="https://gitee.com/Hatsune_Miku_YYY" target="_blank">@Hatsune_Miku_YYY</a>制作
      </div>
  </div>
</template>

<script>
export default {
    name:"appFooter",
    data(){
        return {
            currentYear: "",
        }
    },
    created(){
        let date=new Date();
        this.currentYear=date.getFullYear();
    }
}
</script>

<style>
.app-footer-warp {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #393d49;
}
.app-footer,.app-footer-link {
   color: aliceblue;
   font-size: 16px;
   transition: all 0.3s;
}
.app-footer-link:hover {
    color: skyblue;
}
</style>